<template>
    <div>
      <el-form :inline="true" v-show="isSearchCollapse" class="query-form" ref="searchForm" :model="searchForm"
        @keyup.enter.native="refreshList()" @submit.native.prevent>
        <!-- 搜索框-->
        <el-form-item>
          <el-button type="primary" @click="refreshList()" size="small">查询</el-button>
          <el-button @click="resetSearch()" size="small">重置</el-button>
        </el-form-item>
      </el-form>
      <!-- 导入导出-->
      <el-form :inline="true" v-show="isImportCollapse" class="query-form" ref="importForm">
        <el-form-item>
          <el-button type="default" @click="downloadTpl()" size="small">下载模板</el-button>
        </el-form-item>
        <el-form-item prop="loginName">
          <el-upload class="upload-demo" :action="`${this.$http.BASE_URL}/dqsy/zhengjuxiaoyan/ffDataMain/import`"
            :on-success="uploadSuccess" :show-file-list="true">
            <el-button size="small" type="primary">点击上传</el-button>
            <div slot="tip" class="el-upload__tip">只允许导入“xls”或“xlsx”格式文件！</div>
          </el-upload>
        </el-form-item>
      </el-form>
      <el-row>
        <!--        <el-button v-if="hasPermission('dqsy:zhengjuxiaoyan:ffDataMain:add')" type="primary" size="small" icon="el-icon-plus" @click="add()">新建</el-button>
 -->
        <!--    <el-button-group class="pull-right">
            <el-button
              type="default"
              size="small"
              icon="el-icon-search"
              @clik="isSearchCollapse = !isSearchCollapse, isImportCollapse=false">
            </el-button>
            <el-button v-if="hasPermission('dqsy:zhengjuxiaoyan:ffDataMain:import')" type="default" size="small" icon="el-icon-upload2" title="导入" @click="isImportCollapse = !isImportCollapse, isSearchCollapse=false"></el-button>
            <el-button v-if="hasPermission('dqsy:zhengjuxiaoyan:ffDataMain:export')" type="default" size="small" icon="el-icon-download" title="导出" @click="exportExcel()"></el-button>
            <el-button
              type="default"
              size="small"
              icon="el-icon-refresh"
              @click="refreshList">
            </el-button>
        </el-button-group> -->
      </el-row>
      <el-table :data="dataList" border @selection-change="selectionChangeHandle" @sort-change="sortChangeHandle"
        v-loading="loading" size="medium" @expand-change="detail" class="table">
        <!-- <el-table-column type=""> -->
        <!-- <template slot-scope="scope"  > -->
        <el-tabs>
          <!-- <el-tab-pane label="盗窃罪证据 的方式指引" >
                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataFaoqieList"
                       style="width: 100% ;">
                     <el-table-column
                         prop="oneId"
                         show-overflow-tooltip
                         label="扣押物品 清单、扣押物品照片、 返还物品 清单">
                       </el-table-column>
                                 <el-table-column prop="yput"></el-table-column>
                           </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataFaoqieList"
                       style="width: 100%">
                     <el-table-column
                         prop="twoId"
                         show-overflow-tooltip
                         label="丢失报告">
                       </el-table-column>
                       <el-table-column prop="yputone"></el-table-column>
                         </el-table>

                         <el-table
                         border
                         size="medium"
                         :data="scope.row.ffDataFaoqieList"
                         style="width: 100%">
                     <el-table-column
                         prop="threeId"
                         show-overflow-tooltip
                         label="辨认笔录、现场勘验笔录、照片">
                       </el-table-column>
                       <el-table-column prop="yputtwo"></el-table-column>
                            </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataFaoqieList"
                       style="width: 100%">
                     <el-table-column
                         prop="fourId"
                         show-overflow-tooltip
                         label="视听资料">
                       </el-table-column>
                       <el-table-column prop="yputthree"></el-table-column>
                           </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataFaoqieList"
                       style="width: 100%">
                     <el-table-column
                         prop="fiveId"
                         show-overflow-tooltip
                         label="价格证明">
                       </el-table-column>
                       <el-table-column prop="yputfour"></el-table-column>
                             </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataFaoqieList"
                       style="width: 100%">
                     <el-table-column
                         prop="sixId"
                         show-overflow-tooltip
                         label="鉴定意见">
                       </el-table-column>
                       <el-table-column prop="yputfive"></el-table-column>
                        </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataFaoqieList"
                       style="width: 100%">
                     <el-table-column
                         prop="selvenId"
                         show-overflow-tooltip
                         label="犯罪嫌疑人户籍材料">
                       </el-table-column>
                       <el-table-column prop="yputsix"></el-table-column>
                         </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataFaoqieList"
                       style="width: 100%">
                     <el-table-column
                         prop="eightId"
                         show-overflow-tooltip
                         label="犯罪记录 调查证明">
                         <template slot-scope="scope">
                             {{ $dictUtils.getDictLabel("danxuan", scope.row.eightId, '-') }}
                         </template>
                       </el-table-column>
                       <el-table-column prop="yputselven"></el-table-column>
                         </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataFaoqieList"
                       style="width: 100%">
                     <el-table-column
                         prop="nineId"
                         show-overflow-tooltip
                         label="前科材料">
                       </el-table-column>
                       <el-table-column prop="yputeight"></el-table-column>
                            </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataFaoqieList"
                       style="width: 100%">
                     <el-table-column
                         prop="tenId"
                         show-overflow-tooltip
                         label="发破案经过">
                       </el-table-column>
                       <el-table-column prop="yputnine"></el-table-column>
                       </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataFaoqieList"
                       style="width: 100%">
                     <el-table-column
                         prop="elevenId"
                         show-overflow-tooltip
                         label="抓获经过">
                         <template slot-scope="scope">
                             {{ $dictUtils.getDictLabel("danxuan", scope.row.elevenId, '-') }}
                         </template>
                       </el-table-column>
                       <el-table-column prop="yputten"></el-table-column>
                           </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataFaoqieList"
                       style="width: 100%">
                     <el-table-column
                         prop="twelve"
                         show-overflow-tooltip
                         label="证人证言">
                       </el-table-column>
                       <el-table-column prop="yputeleven"></el-table-column>
                        </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataFaoqieList"
                       style="width: 100%">
                     <el-table-column
                         prop="thirtyId"
                         show-overflow-tooltip
                         label="被害人陈述">
                       </el-table-column>
                       <el-table-column prop="yputtwelven"></el-table-column>
                        </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataFaoqieList"
                       style="width: 100%">
                     <el-table-column
                         prop="fouurteenId"
                         show-overflow-tooltip
                         label="犯罪嫌疑人供述">
                       </el-table-column>
                       <el-table-column prop="yputthirteen"></el-table-column>
                       </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataFaoqieList"
                       style="width: 100%">
                     <el-table-column
                         prop="fiveteenId"
                         show-overflow-tooltip
                         label="其他证据">
                       </el-table-column>

                       <el-table-column prop="yputfourteen"></el-table-column>
                        </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataFaoqieList"
                       style="width: 100%">
                     <el-table-column
                         prop="sixteenId"
                         show-overflow-tooltip
                         label="需要说明的问题">
                       </el-table-column>
                       <el-table-column prop="yputfiveteen"></el-table-column>
                     </el-table>
                   </el-tab-pane> -->


          <!--
                 <el-tab-pane label="故意伤害罪证据指引">
                       <el-table
                       border
                       size="medium"
                       :data="scope.row.fdDataShangghaiList"
                       style="width: 100%">
                     <el-table-column
                         prop="oneId"
                         show-overflow-tooltip
                         label="被害人病历材料、鉴定意见">
                       </el-table-column>
                         <el-table-column prop="put"></el-table-column>
                          </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.fdDataShangghaiList"
                       style="width: 100%">
                     <el-table-column
                         prop="twoId"
                         show-overflow-tooltip
                         label="现场监控 录像">
                       </el-table-column>
                          <el-table-column prop="putone"></el-table-column>
                        </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.fdDataShangghaiList"
                       style="width: 100%">
                     <el-table-column
                         prop="threeId"
                         show-overflow-tooltip
                         label="扣押物品清单（作案工具或其他）">
                       </el-table-column>
                          <el-table-column prop="puttwo"></el-table-column>
                          </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.fdDataShangghaiList"
                       style="width: 100%">
                     <el-table-column
                         prop="fourId"
                         show-overflow-tooltip
                         label="犯罪嫌疑人户籍材料">
                       </el-table-column>
                          <el-table-column prop="putthree"></el-table-column>
                        </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.fdDataShangghaiList"
                       style="width: 100%">
                     <el-table-column
                         prop="fiveId"
                         show-overflow-tooltip
                         label="犯罪记录 调查证明">
                         <template slot-scope="scope">
                             {{ $dictUtils.getDictLabel("danxuan", scope.row.fiveId, '-') }}
                         </template>
                       </el-table-column>
                          <el-table-column prop="putfour"></el-table-column>
                            </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.fdDataShangghaiList"
                       style="width: 100%">
                     <el-table-column
                         prop="sixId"
                         show-overflow-tooltip
                         label="前科材料">
                       </el-table-column>
                          <el-table-column prop="putfive"></el-table-column>
                         </el-table>


                       <el-table
                       border
                       size="medium"
                       :data="scope.row.fdDataShangghaiList"
                       style="width: 100%">
                     <el-table-column
                         prop="selvenId"
                         show-overflow-tooltip
                         label="发破案经过">
                       </el-table-column>
                          <el-table-column prop="putsix"></el-table-column>
                         </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.fdDataShangghaiList"
                       style="width: 100%">
                     <el-table-column
                         prop="eightId"
                         show-overflow-tooltip
                         label="抓获经过">
                         <template slot-scope="scope">
                             {{ $dictUtils.getDictLabel("danxuan", scope.row.eightId, '-') }}
                         </template>
                       </el-table-column>
                          <el-table-column prop="putselven"></el-table-column>
                           </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.fdDataShangghaiList"
                       style="width: 100%">
                     <el-table-column
                         prop="nineId"
                         show-overflow-tooltip
                         label="证人证言">
                       </el-table-column>
                          <el-table-column prop="puteight"></el-table-column>
                           </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.fdDataShangghaiList"
                       style="width: 100%">
                     <el-table-column
                         prop="tenId"
                         show-overflow-tooltip
                         label="被害人陈述">
                       </el-table-column>
                          <el-table-column prop="putnine"></el-table-column>
                           </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.fdDataShangghaiList"
                       style="width: 100%">
                     <el-table-column
                         prop="elvenId"
                         show-overflow-tooltip
                         label="犯罪嫌疑人供述">
                       </el-table-column>
                          <el-table-column prop="puteleven"></el-table-column>
                        </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.fdDataShangghaiList"
                       style="width: 100%">
                     <el-table-column
                         prop="twelven"
                         show-overflow-tooltip
                         label="其他证据（刑事和解、情况说明等）">
                       </el-table-column>
                          <el-table-column prop="puttwelve"></el-table-column>
                       </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.fdDataShangghaiList"
                       style="width: 100%">
                     <el-table-column
                         prop="threeteen"
                         show-overflow-tooltip
                         label="需要说明的问题">
                       </el-table-column>
                          <el-table-column prop="putthirteen"></el-table-column>
                          </el-table>
                   </el-tab-pane>

                 <el-tab-pane label="危险驾驶罪证据指引">
                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="one"
                         show-overflow-tooltip
                         label="犯罪嫌疑人供述">
                       </el-table-column>
                       <el-table-column prop="jput"></el-table-column>
                           </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="twoId"
                         show-overflow-tooltip
                         label="血样提取登记表、鉴定意见">
                       </el-table-column>
                       <el-table-column prop="jputone"></el-table-column>
                        </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="threeId"
                         show-overflow-tooltip
                         label="吸毒现场检测报告书">
                         <template slot-scope="scope">
                             {{ $dictUtils.getDictLabel("danxuan", scope.row.threeId, '-') }}
                         </template>
                       </el-table-column>
                       <el-table-column prop="jputtwo"></el-table-column>
                         </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="fourId"
                         show-overflow-tooltip
                         label="道路交通事故认定书">
                         <template slot-scope="scope">
                             {{ $dictUtils.getDictLabel("danxuan", scope.row.fourId, '-') }}
                         </template>
                       </el-table-column>
                       <el-table-column prop="jputthree"></el-table-column>
                         </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="fiveId"
                         show-overflow-tooltip
                         label="行政强制措施凭证">
                       </el-table-column>
                       <el-table-column prop="jputfour"></el-table-column>
                       </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="sixId"
                         show-overflow-tooltip
                         label="行政处罚 决定书">
                       </el-table-column>
                       <el-table-column prop="jputfive"></el-table-column>
                           </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="selvenId"
                         show-overflow-tooltip
                         label="驾驶人信息查询结果单、驾驶证复印件">
                         <template slot-scope="scope">
                             {{ $dictUtils.getDictLabel("danxuan", scope.row.selvenId, '-') }}
                         </template>
                       </el-table-column>
                       <el-table-column prop="jputsix"></el-table-column>
                         </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="eightId"
                         show-overflow-tooltip
                         label="机动车信息查询结果单、行驶证复印件">
                       </el-table-column>
                       <el-table-column prop="jputselven"></el-table-column>
                        </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="nineId"
                         show-overflow-tooltip
                         label="赔偿谅解 协议">
                         <template slot-scope="scope">
                             {{ $dictUtils.getDictLabel("danxuan", scope.row.nineId, '-') }}
                         </template>
                       </el-table-column>
                       <el-table-column prop="jputeight"></el-table-column>
                          </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="tenId"
                         show-overflow-tooltip
                         label="犯罪嫌疑人户籍材料">
                       </el-table-column>
                       <el-table-column prop="jputnine"></el-table-column>
                        </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="elevenId"
                         show-overflow-tooltip
                         label="犯罪记录 调查证明">
                         <template slot-scope="scope">
                             {{ $dictUtils.getDictLabel("danxuan", scope.row.elevenId, '-') }}
                         </template>
                       </el-table-column>
                       <el-table-column prop="jputten"></el-table-column>
                           </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="twelve"
                         show-overflow-tooltip
                         label="前科材料">
                       </el-table-column>
                       <el-table-column prop="jputeleven"></el-table-column>
                        </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="thirtyId"
                         show-overflow-tooltip
                         label="发破案经过">
                       </el-table-column>
                       <el-table-column prop="jputtwelve"></el-table-column>
                        </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="fouurteenId"
                         show-overflow-tooltip
                         label="抓获经过">
                         <template slot-scope="scope">
                             {{ $dictUtils.getDictLabel("danxuan", scope.row.fouurteenId, '-') }}
                         </template>
                       </el-table-column>
                       <el-table-column prop="jputthirteen"></el-table-column>
                            </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="fiveteenId"
                         show-overflow-tooltip
                         label="证人证言">
                       </el-table-column>
                       <el-table-column prop="jputfourteen"></el-table-column>
                        </el-table>


                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="oneId"
                         show-overflow-tooltip
                         label="其他证据">
                       </el-table-column>
                       <el-table-column prop="jputfiveteen"></el-table-column>
                        </el-table> -->
          <!--
                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataWeixianList"
                       style="width: 100%">
                     <el-table-column
                         prop="remarks"
                         show-overflow-tooltip
                         label="备注信息">
                       </el-table-column>

                     </el-table> -->
          <!-- </el-tab-pane> -->
          <!--                 <el-tab-pane label="掩饰隐瞒犯罪所得罪证据指引">
                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="oneId"
                         show-overflow-tooltip
                         label="扣押物品 清单">
                       </el-table-column>
                       <el-table-column prop="wput"></el-table-column>
                           </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="twoId"
                         show-overflow-tooltip
                         label="检测报告">
                       </el-table-column>
                       <el-table-column prop="wputone"></el-table-column>
                        </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="threeId"
                         show-overflow-tooltip
                         label="过称单、原油价值说明">
                       </el-table-column>
                       <el-table-column prop="wputtwo"></el-table-column>
                        </el-table>


                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="fourId"
                         show-overflow-tooltip
                         label="现场勘查及指认照片">
                       </el-table-column>
                       <el-table-column prop="wputthree"></el-table-column>
                          </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="fiveId"
                         show-overflow-tooltip
                         label="发还物品清单、原油回收证明">
                       </el-table-column>
                       <el-table-column prop="wputfour"></el-table-column>
                           </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="sixId"
                         show-overflow-tooltip
                         label="涉案车辆权属证明材料">
                       </el-table-column>
                       <el-table-column prop="wputfive"></el-table-column>
                         </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="selvenId"
                         show-overflow-tooltip
                         label="丢失报告">
                       </el-table-column>
                       <el-table-column prop="wputsix"></el-table-column>
                         </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="eightId"
                         show-overflow-tooltip
                         label="犯罪嫌疑人户籍材料">
                       </el-table-column>
                       <el-table-column prop="wputselven"></el-table-column>
                            </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="nineId"
                         show-overflow-tooltip
                         label="犯罪记录 调查证明">
                       </el-table-column>
                       <el-table-column prop="wputeight"></el-table-column>
                              </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="tenId"
                         show-overflow-tooltip
                         label="前科材料">
                       </el-table-column>
                       <el-table-column prop="wputnine"></el-table-column>
                       </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="elevenId"
                         show-overflow-tooltip
                         label="发破案经过">
                       </el-table-column>
                       <el-table-column prop="wputten"></el-table-column>
                        </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="twelve"
                         show-overflow-tooltip
                         label="抓获经过">
                         <template slot-scope="scope">
                             {{ $dictUtils.getDictLabel("danxuan", scope.row.twelve, '-') }}
                         </template>
                       </el-table-column>
                       <el-table-column prop="wputeleven"></el-table-column>
                        </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="thirtyId"
                         show-overflow-tooltip
                         label="证人证言">
                       </el-table-column>
                       <el-table-column prop="wputtwelve"></el-table-column>
                       </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="fourteenId"
                         show-overflow-tooltip
                         label="犯罪嫌疑人供述">
                       </el-table-column>
                       <el-table-column prop="wputthirteen"></el-table-column>
                             </el-table>

                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="fifteenId"
                         show-overflow-tooltip
                         label="其他证据">
                       </el-table-column>
                       <el-table-column prop="wputfourteen"></el-table-column>
                               </el-table> -->
          <!--
                       <el-table
                       border
                       size="medium"
                       :data="scope.row.ffDataYanshiList"
                       style="width: 100%">
                     <el-table-column
                         prop="remarks"
                         show-overflow-tooltip
                         label="备注信息">
                       </el-table-column>
                     </el-table> -->
          <!-- </el-tab-pane> -->
        </el-tabs>
        <!-- </template> -->
        <!-- </el-table-column> -->
        <!-- <el-table-column
             prop="anjianMoudles.name"
             show-overflow-tooltip
             sortable="custom"
             label="案件模板">
                 <template slot-scope="scope">
                   <el-link  type="primary" :underline="false" v-if="hasPermission('dqsy:xiaoyan:ffDataMain:edit')" @click="edit(scope.row.id)">{{scope.row.anjianMoudles.name}}</el-link>
                   <el-link  type="primary" :underline="false" v-else-if="hasPermission('dqsy:xiaoyan:ffDataMain:view')"  @click="view(scope.row.id)">{{scope.row.anjianMoudles.name}}</el-link>
                   <span v-else>{{scope.row.anjianMoudles.name}}</span>
                 </template>
           </el-table-column> -->
        <el-table-column prop="anjianName" show-overflow-tooltip style="" background-color="red" label-size="320px"
          label="案件名称">
        </el-table-column>


        <el-table-column prop="remarks" show-overflow-tooltip label="证据是否齐全">
        </el-table-column>

        <el-table-column header-align="center" align="center" width="100" label="操作">
          <template slot-scope="scope">
            <el-button v-if="hasPermission('dqsy:zhengjuxiaoyan:ffDataMain:edit')" type="text" icon="el-icon-edit"
              size="small" @click="edit(scope.row.id)"></el-button>
            <el-button v-if="hasPermission('dqsy:zhengjuxiaoyan:ffDataMain:del')" type="text" icon="el-icon-delete"
              size="small" @click="del(scope.row.id)"></el-button>
          </template>
        </el-table-column>
      </el-table>
      <row style="float: left; margin-left: 10px;margin-top: 5px;">
        <el-button v-if="hasPermission('dqsy:zhengjuxiaoyan:ffDataMain:add')" type="primary" size="small"
          style="margin-top: 5px;" @click="add()">新建</el-button>
      </row>
      <el-pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" :current-page="pageNo"
        :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" :total="total" background layout="  prev, pager, next">
      </el-pagination>
      <!-- 弹窗, 新增 / 修改 -->
      <FfDataMainForm ref="ffDataMainForm" @refreshDataList="refreshList"></FfDataMainForm>
      <edittest ref="edittest" @refreshDataList="refreshList"></edittest>
    </div>
  </template>

  <script>
    import FfDataMainForm from './FfDataMainForm'
    import edittest from './edittest.vue'
    export default {
      data () {
        return {
          searchForm: {
            put: '',
            putone: '',
            puttwo: '',
            putthree: '',
            putfour: '',
            putfive: '',
            putsix: '',
            putselven: '',
            puteight: '',
            putnine: '',
            putten: '',
            puteleven: '',
            puttwelve: '',
            putthirteen: '',
            yput: '',
            yputone: '',
            yputtwo: '',
            yputthree: '',
            yputfour: '',
            yputfive: '',
            yputsix: '',
            yputselven: '',
            yputeight: '',
            yputnine: '',
            yputten: '',
            yputeleven: '',
            yputtwelve: '',
            yputthirteen: '',
            yputfourteen: '',
            yputfiveteen: '',
            jput: '',
            jputone: '',
            jputtwo: '',
            jputthree: '',
            jputfour: '',
            jputfive: '',
            jputsix: '',
            jputselven: '',
            jputeight: '',
            jputnine: '',
            jputten: '',
            jputeleven: '',
            jputtwelve: '',
            jputthirteen: '',
            jputfourteen: '',
            jputfiveteen: '',
            wput: '',
            wputone: '',
            wputtwo: '',
            wputthree: '',
            wputfour: '',
            wputfive: '',
            wputsix: '',
            wputselven: '',
            wputeight: '',
            wputnine: '',
            wputten: '',
            wputeleven: '',
            wputtwelve: '',
            wputthirteen: '',
            wputfourteen: '',
            wputfiveteen: '',
            skys: '1'
          },
          seen: '1',
          dataList: [],
          pageNo: 1,
          pageSize: 10,
          total: 0,
          orderBy: '',
          dataListSelections: [],
          isSearchCollapse: false,
          isImportCollapse: false,
          loading: false,
          dataListConversion: []
        }
      },
      components: {
        FfDataMainForm,
        edittest
      },
      activated () {
        this.refreshList()
      },

      methods: {
        // 获取数据列表
        refreshList () {
          this.loading = true
          this.$http({
            url: '/dqsy/zhengjuxiaoyan/ffDataMain/list',
            method: 'get',
            params: {
              'pageNo': this.pageNo,
              'pageSize': this.pageSize,
              'orderBy': this.orderBy,
              ...this.searchForm
            }
          }).then(({
            data
          }) => {
            if (data && data.success) {
              this.dataList = data.page.list
              this.total = data.page.count
              this.loading = false

              this.dataListConversion = this.dataList
              this.dataList = []
              this.$http({
                url: '/sys/log/logId',
                method: 'get'
              }).then(({
                data
              }) => {
                for (var k in this.dataListConversion) {
                  console.log(this.dataListConversion[k])
                  if (this.dataListConversion[k].createBy.id === data.logId.id) {
                    this.dataList.push(this.dataListConversion[k])
                  }
                }
              })
            }
          })
        },
        // 每页数
        sizeChangeHandle (val) {
          this.pageSize = val
          this.pageNo = 1
          this.refreshList()
        },
        // 当前页
        currentChangeHandle (val) {
          this.pageNo = val
          this.refreshList()
        },
        // 多选
        selectionChangeHandle (val) {
          this.dataListSelections = val
        },

        // 排序
        sortChangeHandle (obj) {
          if (obj.order === 'ascending') {
            this.orderBy = obj.prop + ' asc'
          } else if (obj.order === 'descending') {
            this.orderBy = obj.prop + ' desc'
          } else {
            this.orderBy = ''
          }
          this.refreshList()
        },
        // 新增
        add () {
          this.$refs.ffDataMainForm.init('add', '')
        },
        // 修改
        edit (id) {
          id = id || this.dataListSelections.map(item => {
            return item.id
          })[0]
          this.$refs.edittest.init('edit', id)
        },
        // 查看
        view (id) {
          this.$refs.ffDataMainForm.init('view', id)
        },
        // 删除
        del (id) {
          let ids = id || this.dataListSelections.map(item => {
            return item.id
          }).join(',')
          this.$confirm(`确定删除所选项吗?`, '提示', {
            cancelButtonClass: "btn-custom-cancel",
            confirmButtonClass: "btn-custom-confirm",
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning'
          }).then(() => {
            this.loading = true
            this.$http({
              url: '/dqsy/zhengjuxiaoyan/ffDataMain/delete',
              method: 'delete',
              params: {
                'ids': ids
              }
            }).then(({
              data
            }) => {
              if (data && data.success) {
                this.$message.success(data.msg)
                this.refreshList()
              }
              this.loading = false
            })
          })
        },
        // 查看详情
        detail (row) {
          this.$http.get(`/dqsy/zhengjuxiaoyan/ffDataMain/queryById?id=${row.id}`).then(({
            data
          }) => {
            this.dataList.forEach((item, index) => {
              if (item.id === row.id) {
                item.ffDataFaoqieList = data.ffDataMain.ffDataFaoqieList
                item.fdDataShangghaiList = data.ffDataMain.fdDataShangghaiList
                item.ffDataWeixianList = data.ffDataMain.ffDataWeixianList
                item.ffDataYanshiList = data.ffDataMain.ffDataYanshiList
              }
            })
          })
        },
        // 导入成功
        uploadSuccess (res, file) {
          if (res.success) {
            this.$message.success({
              dangerouslyUseHTMLString: true,
              message: res.msg
            })
          } else {
            this.$message.error(res.msg)
          }
        },
        // 下载模板
        downloadTpl () {
          this.$utils.download('/dqsy/zhengjuxiaoyan/ffDataMain/import/template')
        },
        exportExcel () {
          this.$utils.download('/dqsy/zhengjuxiaoyan/ffDataMain/export')
        },
        resetSearch () {
          this.$refs.searchForm.resetFields()
          this.refreshList()
        }
      }
    }
  </script>

  <style>
    .btn-custom-cancel {
      float: left;
      margin-left: 30%;
    }

    .btn-custom-confirm {
      float: left;
      margin-left: 20px;
    }
  </style>
